<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->

<!--[if !IE]><!-->
<html lang="en">
	<!--<![endif]-->

	<!-- BEGIN HEAD -->

	<head>

		<meta charset="utf-8" />

		<title>学校内部架构管理</title>

		<!-- IE -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 设置 viewport -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 兼容国产浏览器的高速模式 -->
		<meta name="renderer" content="webkit">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

		<!-- BEGIN 全局样式 -->
		<!--重置样式-->
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link href="../../lib/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
		<!--公共样式-->
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<!-- END 全局样式 -->

		<link rel="stylesheet" type="text/css" href="../../lib/ztree/css/metroStyle/metroStyle.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/bootstrapvalidator/dist/css/bootstrapValidator.css" />
		<style type="text/css">
			.ztree li span.button.add {
				margin-left: 2px;
				margin-right: -1px;
				background-position: -144px 0;
				vertical-align: top;
				*vertical-align: middle
			}
			
			.ztree * {
				font-size: 14px !important;				
			}
			.ztree{
				height: 100%;
				overflow: auto;
			}
			.ztree li a.curSelectedNode{
				background-color: red;
			}
		</style>
	</head>

	<!-- END HEAD -->

	<!-- BEGIN BODY -->

	<body class="">
		<div class="content_wrap">
			
			<div class="container-fluid">
			  <!-- Nav tabs -->
			  <ul class="nav nav-tabs mt-10" role="tablist" id="tabUl">
			    
			    <li role="presentation" class="active"><a href="#classGroupBox" aria-controls="classGroupBox" role="tab" data-toggle="tab">科组列表</a></li>
			    <li role="presentation"><a href="#jobBox" aria-controls="jobBox" role="tab" data-toggle="tab">职务列表</a></li>
			    <li role="presentation"><a href="#classroomBox" aria-controls="classroomBox" role="tab" data-toggle="tab">教室列表</a></li>
			    <li role="presentation"><a href="#gradeBox" aria-controls="gradeBox" role="tab" data-toggle="tab">年级列表</a></li>
			    <li role="presentation"><a href="#classBox" aria-controls="classBox" role="tab" data-toggle="tab">班级列表</a></li>
			  </ul>
			
			  <!-- Tab panes -->
			  <div class="tab-content">
			   
			    <div role="tabpanel" class="tab-pane active" id="classGroupBox">
			    	<div class="btn-group classGroup-btns mg-10">
			    		<button type="button" class="btn btn-primary btn-add">新增科组</button>
			    		<button type="button" class="btn btn-danger btn-del">删除科组</button>
			    		<button type="button" class="btn btn-warning btn-edit">编辑科组</button>
			    	</div>
			    	<ul id="classGroupList" class="ztree"></ul>
			    </div>
			    <div role="tabpanel" class="tab-pane" id="jobBox">
			    	<div class="btn-group job-btns mg-10">
			    		<button type="button" class="btn btn-primary btn-add">新增职务</button>
			    		<button type="button" class="btn btn-danger btn-del">删除职务</button>
			    		<button type="button" class="btn btn-warning btn-edit">编辑职务</button>
			    	</div>
			    	<ul id="jobList" class="ztree"></ul>
			    </div>
			    
			    <div role="tabpanel" class="tab-pane" id="classroomBox">
			    	<div class="btn-group classroom-btns mg-10">
			    		<button type="button" class="btn btn-primary btn-add">新增教室</button>
			    		<!--<button type="button" class="btn btn-danger btn-del">删除教室</button>-->
			    		<button type="button" class="btn btn-warning btn-edit">编辑教室</button>
			    	</div>
			    	<ul id="classroomList" class="ztree"></ul>
			    </div>
			    
			     <div role="tabpanel" class="tab-pane" id="gradeBox">
			    	<div class="btn-group grade-btns mg-10">
			    		<button type="button" class="btn btn-primary btn-add">新增年级</button>
			    		<button type="button" class="btn btn-danger btn-del">删除年级</button>
			    		<button type="button" class="btn btn-warning btn-edit">编辑年级</button>
			    	</div>
			    	<ul id="gradeList" class="ztree"></ul>
			    </div>
			    <div role="tabpanel" class="tab-pane" id="classBox">
			    	<div class="btn-group class-btns mg-10">
			    		<!--<button type="button" class="btn btn-primary btn-add">快速创建班级</button>-->
			    		<button type="button" class="btn btn-primary btn-add-one">新增一个班级</button>
			    		<button type="button" class="btn btn-danger btn-del">删除班级</button>
			    		<button type="button" class="btn btn-warning btn-edit">编辑班级</button>
			    		<button type="button" class="btn btn-success btn-export-toLead">导入学生</button>
			    	</div>
			    	<ul id="classList" class="ztree"></ul>
			    </div>
			    
			  </div>
			</div>
			
			
			
		</div>
		
		<!--创建编辑科目模态框sss-->
		<div class="modal fade" tabindex="-1" role="dialog" id="class_groupModal">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
		        <h4 class="modal-title">创建科目</h4>
		      </div>
		      <div class="modal-body">
		      		<div class="form-group">
		      			<label for="class_group_input">
		      				科目名称：		      				
		      			</label>	
		      			<input type="text" name="class_group_input" id="class_group_input" value="" class="form-control"/>
		      		</div>
		      		<div class="form-group">
		      			<label for="class_group_type">是否必修：</label>
						<select class="form-control" id="class_group_type" name="class_group_type">
							<option value="1">必修（行政）</option>
							<option value="0">选修（非行政）</option>
						</select>
		      		</div>
		      		<div class="form-group">
		      			<label for="class_group_type">该科目是否显示在工作台：</label>
						<select class="form-control" id="class_group_real" name="real">
							<option value="1">显示</option>
							<option value="0">隐藏</option>
						</select>
		      		</div>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		        <button type="button" class="btn btn-primary btn-save-classGroup">保存</button>
		      </div>
		    </div><!-- /.modal-content -->
		  </div><!-- /.modal-dialog -->
		</div><!-- /.modal -->
		<!--创建科目模态框eee-->
		
		<!--创建编辑年级模态框sss-->
		<div class="modal fade" tabindex="-1" role="dialog" id="gradeModal">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
		        <h4 class="modal-title">创建年级</h4>
		      </div>
		      <div class="modal-body">
		      		<div class="form-group">
		      			<label for="grade_input">
		      				年级名称：		      				
		      			</label>	
		      			<input type="text" name="grade_input" id="grade_input" value="" class="form-control"/>
		      		</div>
		      		<div class="form-group">
		      			<label for="grade_type">是否走班</label>
						<select class="form-control" id="grade_type" name="grade_type">
							<option value="1">走班</option>
							<option value="0">非走班</option>
						</select>
		      		</div>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		        <button type="button" class="btn btn-primary btn-save-grade">保存</button>
		      </div>
		    </div><!-- /.modal-content -->
		  </div><!-- /.modal-dialog -->
		</div><!-- /.modal -->
		<!--创建科目模态框eee-->
		
		<!--创建编辑班级模态框sss-->
		<div class="modal fade" tabindex="-1" role="dialog" id="classModal">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
		        <h4 class="modal-title">班级操作</h4>
		      </div>
		      <div class="modal-body">
		      		<div class="form-group">
		      			<label for="class_input">
		      				班级序号：		      				
		      			</label>	
		      			<input type="number" name="class_input" id="class_input" value="" class="form-control" style="width:100px;display: inline-block;" min="1"/>班
		      		</div>
		      		<div class="form-group">
		      			<label for="classroomSelect">剩余可以绑定的教室：</label>
						<select class="form-control" id="classroomSelect" name="classroomSelect">
							
						</select>
		      		</div>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		        <button type="button" class="btn btn-primary btn-save-class">保存</button>
		      </div>
		    </div><!-- /.modal-content -->
		  </div><!-- /.modal-dialog -->
		</div><!-- /.modal -->
		<!--创建编辑班级模态框eee-->
		
		<!--核心脚本sss-->
		<script src="../../lib/jquery/1.9.1/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../lib/layer/2.4/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../lib/laypage/1.2/laypage.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../lib/bootstrap-3.3.7-dist/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../lib/bootstrapvalidator/dist/js/bootstrapValidator.js" type="text/javascript" charset="utf-8"></script>
		<!--加密插件sss 必须放在jquery.myPlugIn_v1.0.js前面-->
		<script src="../../js/common/jsrsasign-all-min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common/crypto-js.min.js" type="text/javascript" charset="utf-8"></script>
		<!--加密插件eee-->
		<!--已定义脚本库-->
		<script src="../../js/common/jquery.myPlugIn_v1.0.js" type="text/javascript" charset="utf-8"></script>
		<!--兼容ie低版本的本地存储插件-->
		<script src="../../js/common/localstorage-ie.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common/common.js" type="text/javascript" charset="utf-8"></script>

		<!--[if lt IE 9]>
		<script src="../../js/excanvas.min.js"></script>
		<script src="../../js/respond.min.js"></script>  
		<![endif]-->
		<!--核心脚本eee-->
		<script type="text/javascript" src="../../lib/ztree/js/jquery.ztree.core-3.5.js"></script>
		<script type="text/javascript" src="../../lib/ztree/js/jquery.ztree.excheck-3.5.js"></script>
		<script type="text/javascript" src="../../lib/ztree/js/jquery.ztree.exedit-3.5.js"></script>
		<script src="class&groupManage.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>